<template>
	<view class="page-wrap">
		<view class="log-day">
			<view class="day-title">
				2023-11-06
			</view>
			<view class="log-item" v-for="(item, i) in logList" :key="i" @click="toDetails">
				<view class="title">
					{{item.title}}
				</view>
				<view class="content">
					{{item.content}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				logList: [
					{
						title: '09:59:23',
						content: '账号1805550039登录成功',
					},{
						title: '09:59:23',
						content: '账号1805550039登录成功',
					},{
						title: '09:59:23',
						content: '账号1805550039登录成功',
					}
				]
			};
		},
		methods: {
			toDetails() {
				uni.navigateTo({
					url: '/pages/transaction/transaction-details/transaction-details'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F4F5F7;
	}
	.log-day {
		margin-top: 24rpx;
		.day-title {
			text-align: center;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: rgba(0,0,0,0.8);
			padding: 16rpx;
		}
		.log-item {
			width: 686rpx;
			height: 154rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			box-sizing: border-box;
			padding: 32rpx;
			margin: 24rpx auto;
			.title {
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				color: rgba(0,0,0,0.8);
			}
			.content {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.8);
				margin-top: 16rpx;
			}
		}
	}
</style>
